<%--
  Created by IntelliJ IDEA.
  User: 95126
  Date: 2021/4/29
  Time: 8:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="../imgs/css/bootstrap.min.css">
    <link rel="stylesheet" href="../imgs/css/all.min.css">
    <link rel="stylesheet" href="../imgs/css/animate.css">
    <link rel="stylesheet" href="../imgs/css/flaticon.css">
    <link rel="stylesheet" href="../imgs/css/magnific-popup.css">
    <link rel="stylesheet" href="../imgs/css/odometer.css">
    <link rel="stylesheet" href="../imgs/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../imgs/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="../imgs/css/nice-select.css">
    <link rel="stylesheet" href="../imgs/css/main.css">

    <link rel="shortcut icon" href="../imgs/images/favicon.png" type="image/x-icon">

    <title>Boleto  - Online Ticket Booking Website HTML Template</title>


</head>

<body>
<!-- ==========Preloader========== -->
<div class="preloader">
    <div class="preloader-inner">
        <div class="preloader-icon">
            <span></span>
            <span></span>
        </div>
    </div>
</div>
<!-- ==========Preloader========== -->
<!-- ==========Overlay========== -->
<div class="overlay"></div>
<a href="#0" class="scrollToTop">
    <i class="fas fa-angle-up"></i>
</a>
<!-- ==========Overlay========== -->

<!-- ==========Header-Section========== -->
<%@include file="nav/nav.jsp"%>
<!-- ==========Header-Section========== -->

<!-- ==========Banner-Section========== -->
<section class="details-banner event-details-banner hero-area bg_img seat-plan-banner" data-background="../imgs/images/banner/banner07.jpg">
    <div class="container">
        <div class="details-banner-wrapper">
            <div class="details-banner-content style-two">
                <h3 class="title"><span class="d-block">二维码取票</span>
            </div>
        </div>
    </div>
</section>
<!-- ==========Banner-Section========== -->

<!-- ==========Page-Title========== -->
<!-- ==========Page-Title========== -->

<!-- ==========Event-Section========== -->
<div class="event-facility padding-bottom padding-top">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="checkout-widget checkout-contact">
                    <h5 class="title">取电影票</h5>
                    <div class="ticket--area row justify-content-center">
                        <div class="col-sm-6 col-md-8">
                            <div class="ticket-item two">
                                <div class="hot">
                                    <span>hot</span>
                                </div>
                                <br>
                                <div class="ticket-thumb">
                                    <img src="${qrcode}" alt="event">
                                </div>
                                <div class="ticket-content">
                                    <span class="ticket-title">取票码：${orders.ordersNo}</span>
                                    <h2 class="amount"><sup>$</sup>${orders.price}</h2>
                                    <a href="#0" class="t-button">
                                        <i class="fas fa-check"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-30-none">

                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="booking-summery bg-one" style="text-align: center">
                    <h4 class="title">${orders.movieName}</h4>
                        <img style="text-align: center" src="http://localhost:80/movies/${ordersImg}" width="160px" height="200px">
<%--                    <img src="/boot/imgs/images/movie/movie03.jpg" width="120px" height="120px">--%>
                    <ul>
                        <li>
                            <h6 class="subtitle">${orders.time}</h6>
                            <span class="info">英语-2d</span>
                        </li>
                        <li>
                            <h6 class="subtitle"><span>城市步行</span><span>02</span></h6>
                            <div class="info"><span>座位：</span> <span>${orders.seats}</span></div>
                        </li>
                        <li>
                            <h6 class="subtitle mb-0"><span>价格</span><span>￥${orders.price}</span></h6>
                        </li>
                    </ul>
                    <ul class="side-shape">
                        <li>
                            <h6 class="subtitle"><span>观影须知</span></h6>
                            <span class="info"><span>1.请提前到达影院现场，找到自助取票机，打印纸质电影票，完成取票。</span></span>
                            <span class="info"><span>2.如现场自助取票机无法打印电影票，请联系影院工作人员处理。</span></span>
                            <span class="info"><span>3.凭打印好的纸质电影票，检票入场观影。</span></span>
                            <span class="info"><span>4.如果订单使用了兑换券,或购买了特殊场次，暂不支持退票和改签。</span></span>
                            <span class="info"><span>5.如有开具所购电影票发票的需求,请保留好电影票根，尽量在观影当天联系影城工作人员进行开具，如遇特殊情况请及时联系淘票票人工客服咨询。</span></span>
                            <span class="info"><span>6.改签、退票服务由影城决定，特殊场次及使用兑换券的场次不支持改签、退票。</span></span>
                        </li>
                        <li>
                        </li>
                    </ul>
                    <ul>
                        <li>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==========Event-Section========== -->

<!-- ==========Newslater-Section========== -->
<%@include file="footer/footer.jsp"%>
<!-- ==========Newslater-Section========== -->


<script src="../imgs/js/jquery-3.3.1.min.js"></script>
<script src="../imgs/js/modernizr-3.6.0.min.js"></script>
<script src="../imgs/js/plugins.js"></script>
<script src="../imgs/js/bootstrap.min.js"></script>
<script src="../imgs/js/isotope.pkgd.min.js"></script>
<script src="../imgs/js/magnific-popup.min.js"></script>
<script src="../imgs/js/owl.carousel.min.js"></script>
<script src="../imgs/js/wow.min.js"></script>
<script src="../imgs/js/countdown.min.js"></script>
<script src="../imgs/js/odometer.min.js"></script>
<script src="../imgs/js/viewport.jquery.js"></script>
<script src="../imgs/js/nice-select.js"></script>
<script src="../imgs/js/main.js"></script>
</body>

</html>
